<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>订单详情</title>
    <link rel="stylesheet" type="text/css" href="css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/shop-page.css">
</head>
<body class="bgcolor">

   <div class="order-detail-user">
       <div class="order-detail-name">
           <span class="js-name">技师：王大锤</span>
           <span class="js-phone"><img src="image/photo-small.png"></span>
       </div>
       <div class="order-detail-phone">
           <span>联系方式</span>
           <span class="graycolor">13652487521</span>
       </div>
   </div>

   <div class="orderRecev-box">
       <ul>
           <li>
               <div class="order-receving-li">
                   <div class="receving-car-tap">
                       <div class="receving-left">
                           <span class="f16">沪C09675</span>
                           <span class="f12 graycolor">大众帕萨特</span>
                       </div>
                       <div class="receving-right">
                           <span class="f14 graycolor pr5 fr " style="line-height: 60px"> 施工准备 </span>
                       </div>
                   </div>
                   <div class="receving-user-content">
                       <p><span>客户</span><span class="receving-user-val">name0090</span></p>
                       <p><span>订单号</span><span class="receving-user-val">12336262626263333</span></p>
                       <p><span>联系方式</span><span class="receving-user-val">13653287698</span></p>
                       <p><span>下单时间</span><span class="receving-user-val">2016-09-25 10:23</span></p>
                   </div>
                   <div class="receving-pay">
                       <p><span>已付定金</span><span class="receving-pay-val">￥30.00</span></p>
                   </div>
                   <div class="receving-pay">
                       <p><span id="confirm" style="float: right;text-align: right;padding-right: 15px;background-color: #c5c5c5;color: white;width: 102px; margin-top: 5px;">确认尾款结清</span></p>
                   </div>
               </div>
           </li>
       </ul>
   </div>
   <div class="place-an-order">
       <span class="f16" id="ToOrder">返回个人中心</span>
   </div>
   <!--确认结清尾款弹出框-->
   <div id="dialog1" style="display: none">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
           <div class="weui-dialog__hd"><strong class="weui-dialog__title">结算提醒</strong></div>
           <div class="weui-dialog__bd">是否确定结算，一经结算不可修改。</div>
           <div class="weui-dialog__ft">
               <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">取消</a>
               <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">确定</a>
           </div>
       </div>
   </div>
</body>
<script type="text/javascript" src="config/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="config/weui.min.js"></script>
<script>
    $(function () {
        $("#ToOrder").click(function () {
            window.location.href = "mymenu.html"
        });
        $('#confirm').click(function () {
            $('#dialog1').show();
        });
        $('.weui-dialog__btn_default').click(function () {
            $('#dialog1').hide();
        });
        $('.weui-dialog__btn_primary').click(function () {
            $('#dialog1').hide();
        });
    });

</script>
</html>